html,
body,
#root {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "PingFang SC", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB",
    "Heiti SC" !important;
  background-color: #fff;
}

.colorWeak {
  filter: invert(80%);
}

// .ant-btn {
//   min-width: 88px!important;
// }

.required {
  &::before {
    display: inline-block;
    color: #ff4d4f;
    font-size: 14px;
    line-height: 1;
    content: '*';
    margin-inline-end: 4px;
  }
}

.optionBtn {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;

  a {
    width: 50%;
    margin: 3px 0;
    padding: 0;
  }

  a:nth-child(odd) {
    text-align: right;
  }

  a:nth-child(even) {
    text-align: left;

    &::before {
      display: inline-block;
      width: 1px;
      height: 12px;
      margin: 0 8px;
      color: #c6c6cc;
      vertical-align: baseline;
      background: #f2f2fa;
      content: ' ';
    }
  }

  .disabledLink {
    color: #c6c6cc;
    pointer-events: none;
  }
}

.options-container {
  :global(.ant-form-item-control-input-content) {
    flex: 0;
  }
}

.ant-layout {
  min-height: 100vh !important;
}

.ant-layout.ant-layout-has-sider {
  position: relative;
  transition: padding-right 0.3s;

  &.open {
    padding-right: 200px !important;
  }
}

.ant-pro-layout-content {
  padding-right: 24px !important;
  padding-left: 0 !important;
  background: #fff !important;
  padding-left: 24px !important;
  // margin-left: 256px !important;
}

// .ant-card-body {
//   padding: 0 !important;
// }
.ant-page-header-heading-title {
  font-weight: normal !important;
  font-size: 16px !important;
}

.ant-pro-table {
  margin-top: 0 !important;
}

.ant-page-header {
  background: transparent !important;
  padding-inline: 0 !important;
  padding-block: 10 !important;
  padding-block-start: 4px !important;
  padding-block-end: 8px !important;
}

.ant-pro-page-container-children-content {
  padding-top: 0 !important;
}

.ant-pro-page-container-children-container {
  padding-top: 0 !important;
  padding-inline: 0 !important;
}

.ant-layout-header {
  backdrop-filter: none !important;
}

.ant-layout-footer {
  background: #fff !important;
}

.ant-pro-layout-bg-list {
  background: none !important;
}

.ant-page-header {
  background-color: white;
  border-radius: 8px;
  padding-inline: 16 !important;
}

.ant-pro-page-container-children-content {
  padding-inline: 0 !important;
}



.ant-pro-global-header {
  background-color: #fff;
  margin: 0 !important;
  padding-left: 16px;
  border-bottom: solid 1px red;
  // margin:0;
 
  // padding: 0 20px;
  // background-color: #001529;
}


// header{
// .ant-layout-header{
//   width: calc(100% - 256px);
// }
// }

.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

.infoTitleColor {
  color: #c6c6cc;
}

.ant-card-head-title {
  font-weight: 700;
}

.ant-page-header-heading-sub-title {
  margin-top: 1px;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

@media (max-width: 768px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;

        > span {
          display: block;
        }
      }
    }
  }
}

// 滚动条整体 整体如果不设置，只设置滑块和轨道是没有效果的
::-webkit-scrollbar {
  width: 5px;
  height: 5px; // height对于纵向滚动条来说没有用，但是对于横向就有用了
  border-radius: 10px;
}
// 滑块
::-webkit-scrollbar-thumb {
  margin-left: 10px;
  background-color: rgba(0, 0, 0, 40%);
  border-radius: 10px;
  // height: 50px; // 整体设了宽高后，这里宽高是无效的
  // width: 50px;
}
// 轨道
::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}

.ant-upload {
  background-color: #fff;
}
//input输入框自动填充后消除背景色
input:-webkit-autofill {
  background: transparent;
  transition: background-color 50000s ease-in-out 0s;
  -webkit-text-fill-color: unset;
}
